<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="active box hello">我是div</div>
    <script>
      // 正则表达式 ：regExp 规则表达式 。通过某些规则查找字符串中是否存在某些字符；
      // 一、正则的创建
      // 1.字面量创建 : /正则规则/
      // var reg = /abc/;
      // var str = "fdsabcfdff";
      // // 查看str里是否包含正则里规则的字符； test 如果可以满足正则规则 就返还true 否则就是false
      // console.log(reg.test(str));
      // console.log(typeof reg);
      // console.dir(reg);

      // 2.内置构造函数创建

      // var reg = new RegExp("abc");
      // // var str = prompt("输入");
      // if(reg.test(str)){
      //     console.log("有abc字符");
      // }else{
      //     console.log("没有abc字符");
      // }

      // 3.  2种创建的区别？
      var ele = document.querySelector(".active");
      var className = ele.className;
      var myname = prompt("请输入类名");
      // var reg = /myname/;  //匹配 myname字符串
      var reg = new RegExp(myname); // 把 myname 当成变量解析 ---》输入过来的值；
      // reg  = /hello/
      if (reg.test(className)) {
        console.log("有输入类名");
      } else {
        console.log("没有输入的类名");
      }

      // var obj = {
      //     name:"李四"
      // }
      // var myname = "name";

      // console.log(obj[myname]);
    </script>
  </body>
</html>
